// ajax请求来获取轮播图数据
function getPic() {
  $.ajax({
    url: 'admin/swipers',
    success: function(res) {
      if(res.status === 0) {
        let tpl = template('tpl-content', res);
        $('.layui-table tbody').html(tpl);
      }
    }
  });
}
getPic();

// -------------------------------------删除功能--------------------------------
$('.layui-table tbody').on('click', 'button:contains("删除")', function() {
  let id = $(this).data('id');

  //询问框
  layer.confirm('您确定要删除么?', function(index){

    // 删除轮播图
    $.ajax({
      type: 'DELETE',
      url: 'admin/swipers/' + id,
      success: function(res) {
        if(res.status === 0) {
          layer.msg(res.message)
          // 重新获取轮播图
          getPic();
        }
      }
    })

    // 关闭弹出层
    layer.close(index);
  });
})

// -------------------------------------状态功能---------------------------------
$('.layui-table tbody').on('click', '.layui-badge', function () {
  let id = $(this).data('id');
  let status = $(this).data('status')

  $.ajax({
    url:'admin/swipers/' + id,
    type:'PUT',
    data:{status: status},
    success: function (res) {
      if(res.status === 0) {
        layer.msg(res.message)
        getPic();
      }
    }
  })

})

// -----------------------------------上传图片功能-------------------------------
// 用上传按钮触发file上传文件按钮
$('button:contains("上传图片")').on('click', function() {
  $('#filebtn').click()
})

// filebtn有change事件
$('#filebtn').on('change', function (e) {
  let files = this.files;

  let fd = new FormData();

  // 通过$each方法遍历所有上传的图片,并将item值赋值给swipers,添加到fd中
  $.each(files, function (index, item) {
    fd.append('swipers', item)
  })

  $.ajax({
    url: 'admin/swipers',
    type: 'POST',
    data: fd,
    processData: false,
    contentType: false,
    success: function (res) {
      if(res.status === 0) {
        layer.msg(res.message)
        getPic();
      }
    }
  })
})
